<template>
	<nav class="nav">
		<router-link to="/">Home</router-link> |
		<router-link to="/about">About</router-link> |
		<router-link to="/CompositionAPI__Test">CompositionAPI__Test</router-link> |
		<router-link to="/test_hello">test_hello</router-link> |
		<router-link to="/test_ts">test_ts</router-link> |
		<router-link to="/test_shell">test_shell</router-link> |
		<router-link to="/test_input">test_input</router-link> |
		<router-link to="/clipboard">clipboard</router-link> |
		<router-link to="/nedb">nedb</router-link> |
		<router-link to="/ajax">ajax</router-link> |
		<router-link to="/dialog">dialog</router-link><!--<span class="user">Michael</span>-->
	</nav>
</template>

<script lang="ts">
import { computed, defineComponent } from 'vue'
import { mapGetters, mapState, useStore } from "vuex";

export default defineComponent({
	name: "G__TopNav",
	data() {
		return {
			num: 1234567
		}
	},

	setup() {
		// 组合是API中使用store
		const store = useStore()

		const storeX = computed(() => store.state.moduleA.x)

		return {
			storeX
		}
	}
})
</script>

<style scoped lang="less">

</style>
